<{php}>
if(isset($config['contact_index_seo_title']['cvalue'])){
$title = $config['contact_index_seo_title']['cvalue'];
}
if(isset($config['contact_index_seo_keywords']['cvalue'])){
$keywords = $config['contact_index_seo_keywords']['cvalue'];
}
if(isset($config['contact_index_seo_desc']['cvalue'])){
$description = $config['contact_index_seo_desc']['cvalue'];
}
<{/php}>
<{include file="../template/public/head.html"}>
<!-- header-->
<!-- bra_top -->
<{include file="../template/public/union_nav.html"}>
<link rel="stylesheet" type="text/css" href="/static/css/css.css?v=2" />
<style type="text/css">
    .banner{
        background:url(<{if condition="isset($config.product_contact_banner.cvalue)"}><{$config.product_contact_banner.cvalue}><{/if}>);
        background-size:100% 100%;
    }
    @media (max-width: 1200px) {
        .banner{
            background: url(<{if condition="isset($config.product_contact_banner.cvalue)"}><{$config.product_contact_banner.cvalue}><{/if}>) no-repeat center center !important;
        }
    }
    @media (max-width: 600px){
        .text-justify{
            text-align: center;
            width:90%;
        }
        .vertical-line li{
            margin:0;padding:0;display:block;
        }
        .vertical-line li:not(:last-child){
            margin:0;padding:0;display:block;
        }
        .vertical-line div{
            margin:0;padding:0;display:block;
        }
        .banner{
            display:none;
        }
    }
</style>
<div class="container-fluid">
    <div class="row">
        <div class="banner  relative">
            <div class="container">
                <div class="row">
                    <div class="col-sm-7">
                        <div class="text">
                            <h1 class="white"><{if condition="isset($config.product_contact_title.cvalue)"}><{$config.product_contact_title.cvalue}><{/if}></h1>
                            <p><{if condition="isset($config.product_contact_desc.cvalue)"}><{$config.product_contact_desc.cvalue}><{/if}></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section>
    <div class="container feedback-sec contact-sec">
        <h2 class="text-center bold"><{:lang('product_submit_demands_online')}></h2>
        <div class="feedback-form">
            <form id="form" name="feedback" class="form-horizontal" method="post">
                <div class="form-group">
                    <input type="hidden" name="needemail" value="1" />
                    <label class="sr-only"><{:lang('contact_your_name')}></label>
                    <div class="col-md-4">
                        <input type="text" class="form-control" name="name" placeholder="<{:lang('contact_your_name')}>" />
                    </div>
                    <div class="col-md-4">
                        <span class="required">*</span>
                        <label class="sr-only"><{:lang('email')}></label>
                        <input type="text" class="form-control" name="email" placeholder="<{:lang('email')}>" />
                    </div>
                    <div class="col-md-4">
                        <span class="required">*</span>
                        <label class="sr-only"><{:lang('contact_tel')}></label>
                        <!--<input type="text" class="form-control" name="country" placeholder="Project Location" />-->
                        <input type="text" class="form-control" name="tel" placeholder="<{:lang('contact_tel')}>" />
                    </div>
                    <input type="hidden" name="fromUrl" id="fromUrl" value="https://www.horseen.com/contact" />
                </div>
                <div class="form-group">
                    <label class="sr-only"><{:lang('contact_please_leave')}></label>
                    <div class="col-md-12">
                        <textarea name="content" cols="30" rows="10" class="form-control" placeholder="<{:lang('contact_please_leave')}>"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12">
                        <button  style="background-color: #c30813;color:white;" id="submit" class="btn btn-default btn-block btn-contact"><{:lang('contact_submit')}></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="container text-center center-block">
        <h1 class="mb10"><{:lang('you_can_contact_us_through_the_following_ways:')}></h1>
        <p><{:lang('contact_If_you_are_interested')}></p>
        <div class="contact-info-list">
            <ul class="list-unstyled list-inline vertical-line">
                <li>
                    <div class="c-info">
                        <a href="javascript:void(0);" class="c-tel"><{:lang('contact_sales_hotline')}></a>
                        <p><{:lang('contact_sales_hotline')}></p>
                        <div class="c-info-detail">
                            +86-21-56505428-810
                        </div>
                    </div> </li>
<!--                <li>-->
<!--                    <div class="c-info">-->
<!--                        <a href="javascript:void(0);" class="c-phone">Fax</a>-->
<!--                        <p>Fax</p>-->
<!--                        <div class="c-info-detail">-->
<!--                            +86-21-36523017-->
<!--                        </div>-->
<!--                    </div> </li>-->
                <li>
                    <div class="c-info">
                        <a href="mailto:info@shhorse.com" class="c-mail"><{:lang('contact_e-mail-address')}></a>
                        <p></p>
                        <a href="mailto:info@shhorse.com" style="background: transparent;color:#333;display:inline;"><{:lang('contact_e-mail-address')}></a>
                        <div></div>
                        <a class="c-info-detail" href="mailto:info@shhorse.com" style="background: transparent;color:#999;display:inline;">
                            info@shhorse.com
                        </a>
                    </div>

                </li>
            </ul>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="relative">
                <div class="contact-map" id="contact-map"></div>

                <div class="map-mask vm text-center">
                    <div class="map-desc text-justify">
                        <h2 class="bold">Shanghai Horse Construction Co., Ltd.</h2>
                        <address> <p>Address: 501,No.10,Lane 1228 Jiangchang Rd,Shanghai,China</p> <p>Postcode: 200072</p> <p>Fax: +86-21-36523017</p> <p>Sales Hotline: +86-21-56505428-810</p> </address>
                        <div class="box-container">
                            <div class="box map-box">
                                <a href="javascript:;" target="_blank"><{:lang('contact_google_map')}> </a>
                            </div>
                        </div>
                        <div class="net-query">
                            <a href="<{php}> echo $query->U('index/service/network',true);<{/php}>"><{:lang('contact-overseas_office')}> &gt;</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
<script type="text/javascript">
    $("#submit").click(function(e){
        e.preventDefault();
        $("#fromUrl").val(window.location.href);
        var form = $("#form").serialize();
        $.post("/index/index/sendMail",form,function(data){
            alert(data.message)
        },'JSON')
    });
</script>
<{include file="../template/public/sidebar.html"}>
<{include file="../template/public/foot.html"}>